/*顶部*/
.top{
    height: 15px;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.top a,.top span{
    font-size: 12px;
}

.top span{
    line-height: 15px;
}
.top ul{
    height: 15px;
    /*display: flex;*/
    /*!*width: 189px;*!*/
    /*align-items: center;*/
}
.top ul li{
    height: 12px;
    line-height: 12px;
    border-right: 1px solid #333;
    padding: 0 10px;
}
.top ul li:last-child{
    border-right: 0;
    padding-right: 0;
}

.nav img{
   margin-top: 28px;
}

.nav ul{
    /*display: flex;*/
    /*height: 130px;*/
    /*align-items: center;*/
    /*width: 632px;*/
    padding: 51px 0;
}

.nav li{
    /*flex: 1;*/
    margin-left: 54px;
    text-align: right;
    cursor: pointer;
    padding-bottom: 8px;
    color: #000;
    border-bottom: 2px solid #fff;
    float: left;
}
.nav li:hover{
    color: #017f39;
    border-bottom: 2px solid #017f39;
}
.nav li.select{
    color: #017f39;
    border-bottom: 2px solid #017f39;
}
.nav li.select a{
    color: #017f39;
}
.nav li a, .nav li a:hover{
	text-decoration: none;
}

/*底部*/
.footer{
    background: #434343;
    float: left;
    width: 100%;
}
.footer-top{
    /*display: flex;*/
    /*height: 226px;*/
    overflow: hidden;
}
.footer-top>div{
    /*width: 50%;*/
    padding: 25px 0;
}
/*.footer-top-left img{*/
    /*width: 240px;*/
    /*height: 60px;*/
/*}*/

.footer-top-left ul{
    /*width: 370px;*/
    height: 33px;
    /*display: flex;*/
    margin-top: 30px;
}
.footer-top-left ul li{
    /*width: 20%;*/
    height: 15px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 15px;
    border-right: 1px solid #fff;
    float: left;
}
.footer-top-left ul li:last-child{
    border: 0;
}
.footer-top-left ul li:first-child{
	padding-left: 0;
}
.footer-top-left ul li a{
    color: #fff;
    font-size: 14px;
}
.footer-top-left ul li a:hover{
	text-decoration: underline;
}
.footer-top-right{
    /*display: flex;*/
}
.footer-top-right div{
    margin: 0;
}

.footer-top-right>div{
    width: 125px;
    /*height: 125px;*/
    margin-right: 37px;
}

.footer-top-right .company-detail{
    width: 400px;
}

.footer-top-right .company-detail>div{
    /*display: flex;*/
    /*align-items: center;*/
    margin-bottom: 15px;
}
.footer-top-right .company-detail img{
    margin-right: 20px;
    float: left;
}
.footer-top-right .company-detail span{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    height: 33px;
    line-height: 33px;
}
.footer-bottom{
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #ffffff;
    /*text-align: center;*/
    background: #313131;
}

.footer-bottom>div{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.footer-bottom>div>div{
   position: absolute;
    right: 0;
    left: 0;
    text-align: center;
}

.footer-top-right .company-detail .zi{ width:363px;  font-size: 14px; float:right;padding: 10px 0 10px 40px; color: #fff}
.footer-top-right .company-detail .i1{ background: url(../images/icon_address.png) left center no-repeat;}
.footer-top-right .company-detail .i2{ background: url(../images/icon_tel.png) left center no-repeat;}
.footer-top-right .company-detail .i3{ background: url(../images/icon_mail.png) left center no-repeat;}

/*公司简介*/
.company-profile{
    margin-top: 70px;
}

.company-profile  div{
    color: #004921;
    font-size: 16px;
    line-height: 30px;
}

/*产品中心*/
.product-center{
    margin-top: 70px;
    background: url("../images/prd_bg.jpg") no-repeat;
    height: 575px;
    padding-top: 60px;
}
/*.product-center .section{*/
    /*display: flex;*/
    /*justify-content: space-between;*/
/*}*/

.product-center-item{
    width: 380px;
    position: relative;
    float: left;
    margin-right: 30px;
}

.product-center-item:last-child{
    margin-right: 0;
}

.product-center-item img{
    width: 380px;
    height: 235px;
    object-fit: cover
}

.product-center-item p{
    width: 100%;
    margin-top: 17px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-center-item .big-line{
    display: inline-block;
    width: 40px;
    height: 5px;
    background: #017f39;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    margin-top: 30px;
}

/*公司动态*/
.dynamic-content{
    /*display: flex;*/
    /*margin-bottom: 50px;*/
    /*justify-content: space-between;*/
    padding: 23px 0;
}
.dynamic-content .title{
    width: 100%;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.dynamic-right{
    /*display: flex;*/
    /*flex-direction: column;*/
    width: 575px;
    float: left;
}

.dynamic-right img{
    width: 575px;
    height: 300px;
    object-fit: cover;
}

.dynamic-right h3{
    height: 60px;
    line-height: 66px;
}
.dynamic-right div{
    width: 100%;
    height: 97px;
    overflow: hidden;
}


.dynamic-left{
    width: 580px;
    float: right;
}
.dynamic-left h3{
    line-height: 30px;
}
.dynamic-left a, .dynamic-right a{
	text-decoration: none;
}
.dynamic-left a:hover h3, .dynamic-right a:hover h3{ color: #016531; text-decoration: underline;}

.dynamic-left>a>div{
    height: 110px;
    width: 100%;
    background: #fbfbfb;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.dynamic-left .time{
    height: 60px;
    float: left;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    padding: 0 15px;
    border-right: 1px solid #999;
}

.dynamic-left .time p{
    text-align: right;
}

.dynamic-left .time p:first-child{
    font-size: 30px;
    color: #333;
}

.dynamic-left .time p:last-child{
    font-size: 14px;
    color: #999;
}

.dynamic-left .detail{
    float:right;
    padding: 25px 20px 25px 0;
    width: 460px;
}

.dynamic-left .detail div{
    height: 40px;
    width: 100%;
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.dynamic-left .detail h3{
    width: 100%;
}


/* 厂区展示 */
.factory_show{ width:100%; height:auto; float:left;}
.factory_show li{ width:282px; height:217px; background:#fff; margin:5px 21px 20px 0; float:left;}
.factory_show li a{ width:270px; height:205px; padding:5px; border:1px solid #ddd; float:left;}
.factory_show li a:hover{ width:270px; height:205px; border:1px solid #016531; float:left;}
.factory_show li .tu, .factory_show li .tu img{ width:270px; height:165px; float:left;}
.factory_show li .tu img{ object-fit: cover;}
.factory_show li .zi{ width:270px; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.factory_show li:nth-child(4n+0){ margin:5px 0 20px 0;}




/* 产品展示 */
.ix_prd{ width:1100px; height:268px; border-radius:10px 10px 0 0; background:rgba(250,250,250,0.8)!important;_background:#fff;_filter:Alpha(opacity=80); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3); box-shadow:0 0 10px rgba(0, 0, 0, .3); float:left; margin-top:-80px; position:relative; z-index:1;}
.ix_prd .tit{ width:1060px; height:35px; line-height:35px; border-radius:10px 10px 0 0; background:rgba(19,85,161,0.8)!important;_background:#1355a1;_filter:Alpha(opacity=80); float:left; padding:0 20px;}
.ix_prd .tit .t{ margin-top:8px; float:left;}
.ix_prd .tit .more{ float:right; font-size:12px;}
.ix_prd .nr{ width:1100px; height:200px; margin-top:15px; float:left; position:relative; overflow:hidden;}
.ix_prd .nrc{ width:2200px; height:200px; float:left;}
.ix_prd .nrc li{ width:198px; height:198px; border:1px solid #eee; margin:0 10px; float:left; background:#fff; position:relative;}
.ix_prd .nrc li img{ width:198px; height:198px;}
.ix_prd .lt, .ix_prd .rt{ width:31px; height:47px; position:absolute; top:75px; z-index:3;}
.ix_prd .lt{ background:url(../images/arrow_lt.png) no-repeat; left:5px;}
.ix_prd .rt{ background:url(../images/arrow_rt.png) no-repeat; right:5px;}

/* 企业简介 */
.about{ height:auto; float:left;}
.about .tit{ height:45px; background:url(../images/tit_bg.gif) left bottom repeat-x; float:left;}
.about .tit .t{ float:left;}
.about .tit .more{ float:right; font-size:12px; margin-top:20px;}
.about .nr{ height:150px; float:left;}
.about .nr img{ width:190px; height:150px; float:left;}
.about .nr .azi{ width:220px; height:150px; line-height:25px; text-indent:2em; float:right;}
.w1{ width:424px;}
.w2{ width:360px;}
.w3{ width:243px;}

/* 服务项目 */
.ser{ width:243px; height:auto; float:left;}
.ser li{ width:121px; height:37px; line-height:37px; color:#1c5fae; border-bottom:1px dashed #ddd; font-family:"宋体"; float:left; display:inline; overflow:hidden;}

/* right */
.rt_nr{ width:945px; height:auto; float:right; margin-top: 0px;}
.rt_cot{ width:96%; height:auto; background:#fafafa url(../images/show_bg.gif) 360px 80px no-repeat; padding:2% 2% 5%; float:left; border-radius: 5px;}
.rt_tit{ width:100%; height:30px; border-bottom:2px solid #ccc; float:left;}
.rt_tit .t{ width:auto; height:30px; line-height:20px; color:#016531; font-size:18px; float:left; padding:0 20px;}
.rt_tit .active{ border-bottom:2px solid #016531;}
.rt_tit .t a{ color:#333; text-decoration:none;}
.rt_tit .t a:hover{ color:#016531;}

.rt_tit .active a{ color:#0057bf; text-decoration:none;}

.rt_c{ width:100%; height:auto; line-height:30px; float:left; overflow:hidden;}
.rt_c img{ max-width: 100%;}
.rt_cot h2{ width:100%; height:60px; line-height:60px; font-size:26px; color: #333; text-align:center; float:left;}
.rt_cot .eid{ width:100%; height:35px; line-height:35px; background:#fff; color:#999; font-size:12px; text-align:center; float:left;}
.rt_cot .eid span{ margin:0 15px;}
.rt_cot .pg{ width:100%; height:35px; line-height:35px; float:left;}
.rt_cot .pg p{ width:49%; float:left;}
.rt_cot .pg .trt{ text-align:right;}
.rt_vid{ width:940px; height:auto; float:left;}
.rt_vid li{ width:240px; height:170px; background:url(../images/video_bg.gif) no-repeat; float:left; margin:10px 30px 20px 0; padding:5px; position:relative;}
.rt_vid li .tu, .rt_vid li .tu img{ width:240px; height:170px; float:left; position:absolute;}
.rt_vid li .fit{ width:240px; height:170px; float:left; background:rgba(0,0,0,0.3)!important;background:#000;filter:Alpha(opacity=30); position:absolute;}
.rt_vid li .an{ width:240px; height:170px; background:url(../images/an_video.png) center center no-repeat; float:left; position:absolute;}
.rt_c object{ margin-left:105px;}

/* 图片详情 */
.prdcn{ width:422px; height:auto; float:left;}
.prdcn .tu{ width:420px; height:420px; background:#fff; border:1px solid #ccc; font-size:0; text-align:center; display: table-cell; vertical-align:middle; float:left; overflow:hidden;}
.prdcn .tu #dtu{ max-width:420px; max-height:420px; vertical-align:middle;}
.prdcn .tu .tmtu{ height:100%; width:1px; vertical-align:middle;}
* html .prdcn .tu #dtu{ /* for IE6 */
width: expression(this.width > 420 && this.width > this.height ? 420 : auto);
height: expression(this.height > 420 ? 420 : auto);
}


.prdcn .lit{ width:422px; height:auto; float:left;}
.prdcn .lit .lt, .prdcn .lit .rt{ width:15px; height:70px; margin-top:6px;}
.prdcn .lit .lt{ background:url(../images/arrow_lt2.gif) no-repeat; float:left;}
.prdcn .lit .rt{ background:url(../images/arrow_rt2.gif) no-repeat; float:right;}
.prdcn .litnr{ width:392px; height:auto; float:left; overflow:hidden;}
.prdcn .litnr ul{ width:784px; height:76px; float:left;}
.prdcn .litnr ul li{ width:70px; height:70px; float:left; margin:6px 0 0 7px; position:relative;}
.prdcn .litnr ul li img{ width:70px; height:70px;}
.prdcn .litnr ul li .arr{ display:none;}
.prdcn .litnr ul .active{ width:64px; height:64px; border:3px solid #12539f;}
.prdcn .litnr ul .active img{ width:64px; height:64px;}
.prdcn .litnr ul .active .arr{ width:70px; height:6px; float:left; background:url(../images/arrow_top.gif) center center no-repeat; display:inline; position:absolute; top:-9px;}

.prdrt{ width:370px; height:auto; float:right;}
.prdrt h3{ width:100%; height:auto; line-height:26px; font-size:18px; float:left; margin-bottom:20px;}
.prdrt .zi{ width:100%; line-height:36px; float:left;}
.prdrt .zi font{ width:50px; color:#999; float:left;}
.prdrt .zi span{ width:310px; float:left;}
.prdrt .zi .mlt{ margin-left:50px;}



/* 在线留言 */
.mes{ width:100%; height:auto; float:left;}
.mes td{ padding: 5px 0 10px;}
.mes .rt{ text-align: right;}
.mes .tint{ line-height: 40px; border: 1px solid #ddd; background: #fff; padding: 0 5px;}
.mes .butan{ background: #017e3a; line-height: 40px; padding: 0 35px; color: #fff; font-size: 16px; border: 0;}


/* 联系我们 */
.contast{ width:1200px; height:auto; color:#333; float:left;}
.contast img{ width:597px; height:375px; float:left;}
.contast .t{ width:560px; height:50px; line-height:50px; font-size:24px; margin-bottom: 10px; float:right;}
.contast .zi{ width:520px;  font-size: 16px; float:right; margin-top: 10px;padding: 10px 0 10px 40px;}
.i1{ background: url(../images/n_icon_address.png) left center no-repeat;}
.i2{ background: url(../images/n_icon_user.png) left center no-repeat;}
.i3{ background: url(../images/n_icon_tel.png) left center no-repeat;}
.i4{ background: url(../images/n_icon_fax.png) left center no-repeat;}
.i5{ background: url(../images/n_icon_mail.png) left center no-repeat;}








